@charset "utf-8";
*{margin:0; padding:0;box-sizing: border-box;}
body{font:12px/1.5 Microsoft YaHei,SimSun, Arial, Helvetica, sans-serif; color:#000; background:#FFF;}
img{border:0px;}
ul,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
table {border-collapse: collapse;border-spacing: 0;}
input,select,textarea{vertical-align:middle; outline:none; resize:none; font-family:Microsoft YaHei;}
a{color:#333; text-decoration:none;}
.clearfix{zoom:1; overflow:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}
html,body{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.codes_box{
    width: 100%;
    height: 100%;
    background: url(../images/bg.png);
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    top:3.5rem;
}
#myFrame{
    width: 100%;
    height: 100%;
    border:0;
    background-color: transparent;
    position: relative;
    top:-23rem;
}
/*投屏码标题*/
.input_title_h2{
    font-size:0.36rem;
    color:#fff;
    text-align:center;
    line-height: 2.6;
    letter-spacing: 0.05rem;
    position: relative;
    /*margin-top:2.5rem;*/
}
.input_title_h2::after{
    content: '';
    display: block;
    width: 3.75rem;
    height: 0.15rem;
    background: url(../images/line.png);
    background-size: 100% 100%;
    position: absolute;
    left:50%;
    bottom:0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.input_size{
    display:table;
    width:100%;
}
.input_size ul{
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    padding:0.5rem 0 0.4rem;
    text-align:center;
}
.input_size li{
    width:1.34rem;
    height:1.41rem;
    background: url(../images/lineBg.png);
    background-size: 100% 100%;
    font-size:0.6rem;
    border-radius:0.1rem;
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:inline-block;
    vertical-align:top;
    line-height:1.41rem;
    outline:none;
    margin-left: -0.2rem;
}
.input_size li:first-child{
    margin-left: 0;
}
.input_size li input{
    color:#fff;
    width:1.34rem;
    height:1.41rem;
    line-height:1.41rem;
    display:block;
    border:0 none;
    background:none;
    font-size:0.36rem;
    text-align:center;
    ime-mode:disabled
}
.codes_error{
    text-align:center;
    font-size:28px;
    color:#ff3b30;
    margin-top:40px;
}
